@charset "utf-8";body{font-family:Arial,sans-serif;margin:0;padding:0}nav{background-color:#007BFF;color:#fff;position:fixed;top:0;width:100%;z-index:1000}ul{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center}ul li{position:relative}ul li a{display:block;padding:10px 15px;text-decoration:none;color:#fff!important;background-color:#007BFF}ul li a:hover{background-color:#0056b3;color:#fff!important}ul li ul{display:none;position:absolute;top:100%;left:0;background-color:#007BFF;padding:0;margin:0;white-space:nowrap}ul li:hover > ul{display:block}ul li ul li{display:block}.menu-btn{display:none;font-size:30px;padding:10px 15px;cursor:pointer;color:#fff;background-color:#007BFF;border:none;width:100%;text-align:left}.menu-btn:focus{outline:none}@media (max-width: 768px){ul{flex-direction:column;display:none}ul.menu-active{display:flex}ul li{width:100%}ul li ul{position:relative;top:0;left:0;display:none}ul li.menu-open > ul{display:block}.menu-btn{display:block}ul li a{cursor:pointer}}body{padding-top:60px}